import axios from 'axios'
import { useUserStore } from '@/stores'
import { ElMessage } from 'element-plus'
import router from '@/router'
const baseURL = 'http://114.55.85.236:18081'
// const baseURL = 'http://127.0.0.1:18081'
const instance = axios.create({
  baseURL,
})

// 请求拦截器
instance.interceptors.request.use(
  (config) => {
    const userStore = useUserStore()
    //设置自定义请求头信息
    config.headers.H = 'true'

    //判断是否存在
    if (userStore.token) {
      //设置请求头数据
      config.headers.Authorization = userStore.token
    }
    return config
  },
  (err) => Promise.reject(err),
)

// 响应拦截器
instance.interceptors.response.use(
  (res) => {
    console.log(res)

    // 处理业务失败, 给错误提示，抛出错误
    if (res.data.code === 200) {
      //请求成功，直接返回data部分
      return res.data
    } else {
      //请求失败
      ElMessage.error(res.data.message || '服务异常')
    }
    //业务失败 抛出错误结果
    return Promise.reject(res.data)
  },
  (err) => {
    // TODO 5. 处理401错误
    // 错误的特殊情况 => 401 权限不足 或 token 过期 => 拦截到登录
    //判断错误状态码是不是401
    console.log(err.response)
    console.log('服务器错误')

    if (err.response.status === 401) {
      //清除用户信息
      const userStore = useUserStore()
      userStore.removeToken()
      //跳转到登录页
      router.push('/login')
      //提示错误信息
      ElMessage.error('用户身份已过期')
    }

    // 错误的默认情况 => 只要给提示
    ElMessage.error(
      (err.response && err.response.data && err.response.data.message) ||
        '服务异常',
    )
    return Promise.reject(err)
  },
)

export default instance
export { baseURL }
